<template>
	<el-dialog
		:visible.sync="evalDialog"
		width="800px"
		class="evalDialog">
		<h3 class="title"><span></span>测评</h3>
		<div class="eval">
			<ul class="msg">
				<li class="msg-name">
					<span>姓名：</span>{{options.username}}
				</li>
				<li class="msg-name">
					<span>手机号：</span>{{options.tel}}
				</li>
				<li class="msg-name">
					<span>工作岗位意向：</span>{{options.job}}
				</li>
			</ul>
			<div class="steptwo">
				<h3 class="skill-test">技能测评</h3>
				<ul class="skill-switch">
					<template v-for="(skill,index) in options.skillList">
						<li class="switch-item">
							<span class="skill-title">{{index+1}}.{{skill.name}}</span>
							<el-radio-group v-model="skill.grade" disabled :key="skill.id">
							    <el-radio v-for="item in skill.items" :label="item.label" :key="item.id">{{item.name}}</el-radio>
							</el-radio-group>
						</li>
					</template>
				</ul>
				<h3 class="skill-test">星级评定</h3>
				<el-rate v-model="options.rate" disabled :max="10" class="skill-rate"></el-rate>
				<h3 class="skill-test">工作照片</h3>
				<div class="skill-rate">
					<el-upload
					  action="https://fcw.fcw-china.com:8443/electronic/contract/UploadPic"
					  list-type="picture-card" disabled
					  :on-remove="handleRemove" :limit="9"
					  :file-list="options.workPhotos">
					  <i class="el-icon-plus"></i>
					</el-upload>
					<el-dialog :visible.sync="dialogVisible">
					  <img width="100%" :src="dialogImageUrl" alt="">
					</el-dialog>
				</div>
				<h3 class="skill-test">证书照片</h3>
				<div class="skill-rate">
					<el-upload
					  action="https://fcw.fcw-china.com:8443/electronic/contract/UploadPic"
					  list-type="picture-card" disabled
					  :on-remove="handleRemove" :limit="9"
					  :file-list="options.certificatePhotos">
					  <i class="el-icon-plus"></i>
					</el-upload>
					<el-dialog :visible.sync="dialogVisible">
					  <img width="100%" :src="dialogImageUrl" alt="">
					</el-dialog>
				</div>
				<h3 class="skill-test">参考薪资</h3>
				<div class="skill-rate">
					<el-select v-model="options.value" placeholder="请选择" disabled>
						<el-option
						  v-for="item in options.moneyList"
						  :key="item.value"
						  :label="item.label"
						  :value="item.value">
						</el-option>
					</el-select>
				</div>
				<div class="skill-submit">
					<el-button type="danger" size="small" @click="close" style="width: 150px;">确定</el-button>
				</div>
			</div>
		</div>
	</el-dialog>
</template>

<script>
export default{
	props:{
		options:{
			type: Object,
			require: true
		},
		intentionJob:{
			type:String
		}
	},
	data(){
		return {
			evalDialog:false,
			showOne: true,
			dialogImageUrl: '',
			dialogVisible: false
		}
	},
	methods:{
		open(){
			this.evalDialog = true;
		},
		close(){
			this.showOne = true;
			this.evalDialog = false;
		},
		switchjob(){
			let jobName = this.options.radioList[this.radio-1].jobName;
			this.$emit('update:intentionJob',jobName);
			this.showOne = false;
		},
		handleRemove(file, fileList) {
			console.log(file, fileList);
		}
	}
}
</script>
<style scoped="scoped">
.evalDialog{
	min-height: 700px;
}
.evalDialog .title{
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #D2D2D2;
	padding: 0 0 0 30px;
}
.evalDialog .title span{
	width: 10px;height: 20px;
	float: left;background: #0064E4;
	margin: 20px 15px 0 0;
}
.eval{
	margin: 20px 30px;
}
.msg-name{
	height: 24px;line-height: 24px;
	color: #000;
}
.msg-name span{
	display: inline-block;
	color: #a2a2a2;
}
.stepone-radio{
	margin: 20px 0;
	width: 520px;
}
.sure,.skill-switch{
	overflow: hidden;
	padding-bottom: 30px;
}
.sure-btn{
	float: right;margin-right: 20px;
}
.steptwo{
	margin-top: 20px;
}
.skill-test{
	color: #000;font-size: 12px;
	margin-bottom: 20px;font-weight: bold;
}
.switch-item,.skill-rate{
	margin: 0 0 30px 20px;
}
.skill-title{
	margin-right: 50px;
	width: 150px;
	display: inline-block;
}
.skill-submit{
	text-align: center;
	padding: 0 0 30px 0;
}
</style>
